/*引入混合函数*/
@import "mixins.less";
/*引入全局变量*/
@import "varibles.less";

// 主体
#data-section{
    .max-width();
    padding-bottom: 0.5rem;
    //日期
    .date{
      height: 3.2rem;
    }
    //灰色线
    .line{
        height:0.05rem;
        width: 100%;
        background-color: #cccccc;

    }
    //显示成人儿童
    .show-box{
        padding: 0.1rem 0 0.1rem 0.1rem;
        font-size: 0.15rem;
        .man{
            display: flex;
            justify-content: space-between;
            align-items: center;
            height: 0.55rem;
            color: #666666;
            border-bottom:1px solid #cccccc ;
            div:first-child{
                display: flex;
                align-items: center;
                p{
                    margin-right: 0.1rem;
                }
                p:nth-child(2){
                  font-size: 0.14rem;
                  color:#F88412;
                }
            }
           
            .btn{
                display: flex;
                border: 1px solid #cccccc;
                width: 0.91rem;
                height: 0.29rem;
                justify-content: space-between;
               a{
                   line-height: 0.29rem;
                    text-align: center;
                    width: 0.25rem;
                    color: #CCCCCC;
               }
                span{
                    width:0.4rem;
                    height:0.27rem;
                    line-height: 0.27rem;
                    text-align: center;
                    background:rgba(204,204,204,0.5);
                }
            }
        }
        .radio-box{
            display: flex;
            height: 0.55rem;
            border-bottom:1px solid #cccccc ;
            align-items: center;
            input{
                width:0.18rem;
                height:0.18rem;
                background-color: #fff;
                border:1px solid rgba(153,153,153,1);
                border-radius:3px;
            }
            p{
                margin-left: 0.1rem;
                font-size:0.14rem;
                font-family:SourceHanSansCN;
                font-weight:400;
                color:rgba(102,102,102,1);
                line-height:26px;
                span{
                    color: rgba(153,153,153,1);
                }
            }
        }
        
    }
    .captain{
        display: flex;
        justify-content: space-around;
        align-items: center;
        padding-bottom: 0.1rem;
        position: relative;
        &::before{
            content: "";
            display: block;
            width: 0.2rem;
            height: 0.2rem;
            position: absolute;
            top:-0.03rem;
            left: 0.14rem;;
            // border: 1px solid red;
            background: url("../images/icon/sprites.png") no-repeat -2.15rem -2.05rem;
            background-size: 3.75rem 4.74rem;
        }
        
       
         p{
           width:2.95rem;
           height: 0.5rem;
           font-size:0.12rem;
           font-weight:4;
           color:rgba(153,153,153,1);
           span{
               color:#f88412;
           }
        }
    }
}

//底部
.data-footer{
    position: fixed;
    bottom: 0;
    height: 50px;
    background-color: white;
    width: 100%;
    &>div{
        height: 100%;
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin: 0 auto;
        .footer-left{
            width:50%;
            height: 100%;
            color:#F88412;
            font-size: 14px;
            display: flex;
            justify-content: center;
            align-items: center;
            border-top:1px solid #cccccc; 
            border-left:1px solid #cccccc ;
            a{
                font-size: 12px;
                color:#F88412;
                margin-left: 10px;
            }
        }
        .footer-right{
            background-color: #F88412;
            display: flex;
            justify-content: center;
            align-items: center;
            width:50%;
            height: 100%;
            font-size: 16px;
            a{
                color: #fff;
            }
            span{
                font-size: 14px;
                margin-left: 10px;
            }
        }
    }
    
   
}